<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="../../yl/index.css" />
  <link rel="stylesheet" href="../../style/index.css" />
  <title>系统用户管理</title>
</head>

<body>
  <div id="app" v-cloak>
    <div class="title">
      <div>
        <el-input v-model="page.value1" style="width: 200px;margin-right: 10px;" placeholder="请输入手机号"
          clearable></el-input>
        <el-button type="danger" icon="Search" style="margin: 0; margin-right: 10px;" @click="check">查询</el-button>
        <el-button type="danger" icon="Refresh" style="margin: 0; margin-right: 10px;" @click="reset">重置</el-button>
        <el-button type="danger" icon="CirclePlus" style="margin: 0; margin-right: 10px;" @click="personalAdd" plain
          round>添加</el-button>
      </div>
    </div>
    <div class="body">
      <div class="right">
        <el-table id="table"
          :data-options="JSON.stringify({ 'TableName': 'base_system_user_info','primary_key':'User_Number'})" height="450" v-loading="loading" ref="multipleTable" tooltip-effect="dark" :data="Tabletdata">
          <el-table-column min-width="180" show-overflow-tooltip v-for="column in columns" :key="column.COLUMN_NAME"
            :prop="column.COLUMN_NAME" :label="column.COLUMN_COMMENT">
            <template #scope="scope">
              <div :draggable="true" @dragstart="dragStart(scope.$index)" class="draggable-row">
                {{ scope.row[column.prop] }}
              </div>
            </template>
          </el-table-column>
          <el-table-column min-width="180"  prop="Admin_Type" label="角色">
            <template v-slot="{row}">
              {{row.Admin_Type == '0'?'用户':'管理员'}}
            </template>
          </el-table-column>
          <el-table-column label="操作" fixed="right" width="160">
            <template #default="{row}">
              <div style="display: flex; align-items: center;">
                <el-button size="small" style="margin-right: 10px;" @click="Rights(row)">
                  权限
                </el-button>
                <el-dropdown trigger="click">
                  <el-button size="small" type="danger">
                    更多<el-icon class="el-icon--right"><arrow-down /></el-icon>
                  </el-button>
                  <template #dropdown>
                    <el-dropdown-menu>
                      <el-dropdown-item @click="handleEdit(row)">
                        编辑
                      </el-dropdown-item>
                      <el-dropdown-item @click="handleDelete(row)">
                        删除
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </template>
                </el-dropdown>
              </div>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination style="margin-top: 1%;" :current-page="page.PageNumber" :page-size="page.RowAmount"
          :page-sizes="[10, 100, 200, 300, 400]" layout="total, sizes, prev, pager, next, jumper" :total="Total"
          @size-change="handleSizeChange" @current-change="handleCurrentChange" />
      </div>
    </div>
    <!-- <el-table :data="tableData" stripe border height="calc(100vh - 140px)" style="width: 100%">
      <el-table-column align="center" type="index" label="序号" width="50"></el-table-column>
      <el-table-column align="center" prop="User_Number" label="手机号"></el-table-column>
      <el-table-column align="center" prop="Name" label="姓名"></el-table-column>
      <el-table-column align="center" prop="Admin_Type" label="角色">
        <template v-slot="{row}">
          {{row.Admin_Type == '0'?'用户':'管理员'}}
        </template>
      </el-table-column>
      <el-table-column prop="Operation_Datetime" label="创建时间"></el-table-column>
      <el-table-column align="center" label="操作" width="200">
        <template slot-scope="scope">
          <el-button icon="el-icon-menu" size="small" type="success" @click="Rights(scope.row)">
            权限
          </el-button>
          <el-dropdown size="small" trigger="click">
            <el-button size="small" type="primary">
              更多<i class="el-icon-arrow-down el-icon--right"></i>
            </el-button>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item style="margin-bottom: 5px">
                <el-button type="primary" size="small" @click="Edit(scope.row)">编辑</el-button>
              </el-dropdown-item>
              <el-dropdown-item style="margin-bottom: 5px">
                <el-button type="danger" size="small" @click="Remove(scope.row)">删除</el-button>
              </el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination style="margin-top: 5px" background @size-change="handleSizeChange"
      @current-change="handleCurrentChange" :current-page="form.page" :page-sizes="[10, 20, 30, 50]"
      :page-size="form.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
    </el-pagination> -->
  </div>
  <script src="../../utils/utils.js"></script>
  <script src="../../utils/mixins.js"></script>
  <script src="../../config/config.js"></script>
  <script src="../../yl/vue.js"></script>
  <script src="../../yl/index.js"></script>
  <script src="../../yl/zh-cn.mjs"></script>
  <script src="../../yl/index.iife.min.js"></script>
  <script src="../../yl/jquery.min.js"></script>
<script src="../../utils/jquery.cookie.js"></script>
  <script src="../../api/request.js"></script>
  <script src="js/index.js"></script>
</body>

</html>